<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_200_06E.jsp
    Description : 해피 무비
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Happy Move &#124; HMC CSR</title>
<meta name="description" content="This page introduces the CSR projects of HMC’s Happy Move Campaign." />
<meta name="keywords" content="HMC CSR, volunteering system at HMC, employee volunteering, Happy Move Global Youth Volunteers Corps" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<link rel="stylesheet" type="text/css" href="/css/usr/eng.css" media="screen" />
<script type="text/javascript">
    function fe_viewMap(imgNm){
        $(".actGlobal img").attr("src", "/img/usr/eng/srt/happymove_map_" + imgNm + ".gif");
    }
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/topE.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <h2>4 MOVE CAMPAIGNS </h2>
                    <ul class="menuTab">
                        <li><h3><a href="/rt_200_02.do">Easy Move</a></h3></li>
                        <li><h3><a href="/rt_200_03.do">Safe Move</a></h3></li>
                        <li><h3><a href="/rt_200_04.do">Green Move</a></h3></li>
                        <li class="atv"><h3><a href="/rt_200_05.do">Happy Move</a></h3></li><!-- current menu : add class "atv" -->
                    </ul>
                </div>
                <div id="contetns" class="happyMove">
                    <div class="location">
                        <a href="/ma_100_01.do">Home</a>
                        <a href="/rt_200_01.do">Social Responsibility</a>
                        <a href="/rt_200_01.do">4 Move Campaigns</a>
                        <span>Happy Move</span>
                    </div>

                    <div class="contTitle">
                        <h4>Happy Move</h4>
                        <p class="h4descript">Volunteerism Organization at HMC. Volunteer work generates powerful, beautiful energy for the world we move together by sharing sincere concern and genuine passion for the welfare of everyone. Employees, their family members, and university students affiliated with Hyundai Motor Company pull their strength together to bring warmth and hope to the needy around the world in their efforts to make the world a better place for everyone.</p>
                    </div>

                    <div class="partType">
                        <h5>Volunteering System at HMC</h5>
                        <p><img src="/img/usr/eng/srt/happymove_img3.jpg" alt="Employee-organized : Common Programs(Visiting and volunteering at affiliated organizations, Free Housing Repair Service, Holiday Volunteering, One Company-One Village Partnership, Blue Santa Campaign), Optional Programs(Employees and family members volunteering, H-Volunteer Designer, Employee clubs donating talent) | Outsider-organized(Happy Move Global Youth Volunteer Corps, Hope Engine University Student Volunteer Corps)" /></p>
                    </div>

                    <ul class="tabMove">
                        <li><a href="/rt_200_05.do"><img src="/img/usr/eng/srt/tab_happymove1_off.gif" alt="Employee Volunteering" /></a></li>
                        <li><a href="/rt_200_06.do"><img src="/img/usr/eng/srt/tab_happymove2_on.gif" alt="Happy Move Global Youth Volunteers Corps" /></a></li>
                    </ul>

                    <h5 class="invisible">Happy Move Global Youth Volunteers Corps</h5>
                    <div class="tabContent globalYouth">
                        <div class="actIntro">
                            <h6>1. Introduction</h6>
                            <p>The Happy Move Global Youth Volunteers Corps is Korea’s largest private-sector volunteer organization, launched by Hyundai Motor Company in July 2008 with an aim to increase Korea’s contribution to international development and also to discover future leaders of Korea.</p>
                            <h6> 2. Activities</h6>
                            <p>The young, passionate, dedicated Happy Move volunteers engage in a broad array of activities around the globe.</p>
                        </div>

                        <ul class="actImg">
                            <li><img src="/img/usr/srt/happymove_img15.jpg" alt="Happy Move Global Youth Volunteers Corps" /></li>
                            <li><img src="/img/usr/srt/happymove_img16.jpg" alt="Happy Move Global Youth Volunteers Corps" /></li>
                        </ul>

                        <div class="actGlobal">
                            <img src="/img/usr/srt/happymove_map_default.gif" alt="Happy Move Global Youth Volunteers Corps" title="Please click the icon." usemap="#actGlobalMap" />
                            <map name="actGlobalMap" id="actGlobalMap">
                                <area shape="poly" coords="100,195,109,188,119,195,120,206,109,216,100,207" href="javascript:fe_viewMap('01');" alt="Prague: Cooking(2), Budapest: Cooking(1)" title="Czech R./Hungary" />
                                <area shape="poly" coords="126,206,135,199,145,206,146,217,135,227,126,218" href="javascript:fe_viewMap('02');" alt="Zilina: Cooking(2)" title="Slovakia" />
                                <area shape="poly" coords="128,250,137,243,147,250,148,261,138,271,128,262" href="javascript:fe_viewMap('03');" alt="Cairo: Local works(6)" title="Egypt" />
                                <area shape="poly" coords="152,231,161,224,171,231,172,242,161,252,152,243" href="javascript:fe_viewMap('04');" alt="Istanbul: Cooking(1,2)" title="Turkey" />
                                <area shape="poly" coords="172,296,181,289,191,296,192,307,182,317,172,308" href="javascript:fe_viewMap('05');" alt="Addis Ababa: Local works(7)" title="Ethiopia" />
                                <area shape="poly" coords="252,246,261,239,271,246,272,257,262,267,252,258" href="javascript:fe_viewMap('06');" alt="Delhi: Cooking(1,6), Chennai: Local works(1~8)" title="India" />
                                <area shape="poly" coords="299,288,308,281,318,288,319,299,309,309,299,300" href="javascript:fe_viewMap('07');" alt="Bangkok: Local works(1,7)" title="Thailand" />
                                <area shape="poly" coords="319,254,328,247,338,254,339,265,329,275,319,266" href="javascript:fe_viewMap('08');" alt="Vientianne: Local works(8)" title="Laos" />
                                <area shape="poly" coords="328,199,337,192,347,199,348,210,338,220,328,211" href="javascript:fe_viewMap('09');" alt="Inner Mongolia: environmental protection(1,3,5,7,8), Beijing: Cooking(1), Yanchen: Local works(2), Szechuan: Local works(3,4), Guangzhou: Local works(5,6,7)" title="China" />
                                <area shape="poly" coords="356,286,365,279,375,286,376,297,366,307,356,298" href="javascript:fe_viewMap('10');" alt="Manila: Local works(5,6)" title="Philippines" />
                                <area shape="poly" coords="393,333,402,326,412,333,413,344,403,354,393,345" href="javascript:fe_viewMap('11');" alt="Jakarta: Local works(8)" title="Indonesia" />
                                <area shape="poly" coords="775,348,784,341,794,348,795,359,785,369,775,360" href="javascript:fe_viewMap('12');" alt="Sao Paolo: Local works(4~8), Piracicaba: Local works(8)" title="Brazil" />
                            </map>
                        </div>

                        <p class="gotoYouth"><a href="http://youth.hyundai-kiamotors.com/" target="_blank">For more information, please visit the Happy Move Global Youth Volunteers Corps.</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottomE.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>